<template>
  <div class="box">
    <div class="center ecm_conter">
      <div class="bread_nav">
        <router-link to="" class="link">首页</router-link>&gt;
        <router-link to="" class="link">药食同源</router-link>&gt;
        <router-link to="" class="link">查看更多</router-link>&lt;
        <router-link to="" class="link">详情</router-link>
      </div>
      <!-- content -->
      <div class="content">
        <div class="left">
          <left></left>
        </div>
        <div class="right">
          <right></right>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import right from "../components/Hotright.vue";
import left from "../components/Yaoshi_details.vue";
// import right from "../components/Hotright.vue";
// import left from "../components/Ecm_details_left.vue";
export default {
  components: {
    right,
    left,
  },
};
</script>
<style scoped>
.box {
  width: 100%;
  background-color: #fce7d7;
}
.link {
  color: #666666;
  font-size: 19px;
}
.content {
  display: flex;
  justify-content: space-between;
}
.right {
  width: 396px;
}
.ecm_conter {
  overflow: hidden;
  padding-bottom: 142px;
}
.bread_nav {
  width: 352px;
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  margin: 34px 0 39px;
}
</style>
